	<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>Web页面 - web前端培训_web前端开发_web前端培训班-优逸客web培训 - 优逸客</title>
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/iconfont.css" />
		<link rel="stylesheet" href="css/small.css" />
		<link rel="stylesheet" href="css/list-25.css" />
		<link rel="stylesheet" href="css/list-26-1.css" />
		<meta name="x5-orientation" content="portrait | landscape" />
		<meta name="screen-orientation" content="portrait">
		<meta name="x5-fullscreen" content="true" />
		<meta name="full-screen" content="yes">
		<meta name="format-detection" content="telephone=no, email=no" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<script src="js/index.js"></script>
	</head>

	<body>
		<div class="header list-header">
			<div class="list-box container-fiuld">
				<ul>
					<li>
						<a href="index.html">
							首页
						</a>
					</li>
					<li>
						<a href="jpsz.html">
							师资
						</a>
					</li>
					<li>
						<a href="xy.html">
							学员
						</a>
					</li>
					<li>
						<a href="mtbd.html">
							资讯
						</a>
					</li>
					<li>
						<a href="question.html">
							问题
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="list-banner list-banner-26-1 container-fiuld">
			<div class="swiper-container swiper-list-26-1">
				<div>
					<img src="" alt="" />
				</div>
			</div>
		</div>
		<div class="ui ui1 ui1-list-26">
			<div class="ui1H">
				<h2>
					<span>什么是</span>
					前端工程师?
				</h2>
				<div class="uiH2"></div>
				<h2>
					<span>FORNT-END ENGINEER</span>
				</h2>
			</div>
			<div class="ui1con">
				<div class="webdy">
					<h3>
						WEB
						<span>前端工程师</span>
						<span>是</span>
					</h3>
					<p>协调前端设计师和后端程序员实现网站页面或程序界面的美化、交互体验的一个职位</p>
				</div>
				<div class="webdy webdy-2">
					<h3>
						WEB
						<span>前端工程师</span>
						<span>主要职责是</span>
					</h3>
					<p>利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。</p>
				</div>
			</div>
		</div>
		<div class="ui ui0">
			<div class="ui1H">
				<h2>
					<span>六大服务</span>
					全程无忧
				</h2>
				<div class="uiH2"></div>
				<h2>
					<span>Six services</span>
				</h2>
			</div>
			<div class="ui1-body">
				<ul>
					<li>
						<div>
							零元入学
						</div>
						<div>
							先入学<br /> 就业后再付款
						</div>
					</li>
					<li>
						<div>
							免费试听
						</div>
						<div>
							免费试学<br /> 先体验后报名
						</div>
					</li>
					<li>
						<div>
							就业推荐
						</div>
						<div>
							终生推荐<br /> 就业服务
							<br /> 让您高枕无忧
						</div>
					</li>
					<li>
						<div>
							课程迭代
						</div>
						<div>
							先入学<br /> 就业后再付款
						</div>
					</li>
					<li>
						<div>
							免费体检
						</div>
						<div>
							先入学<br /> 就业后再付款
						</div>
					</li>
					<li>
						<div>
							高薪就业
						</div>
						<div>
							先入学<br /> 就业后再付款
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="ui ui2 ui2-list-26">
			<div class="ui1H ">
				<h2>
					就业前景
					<span>行业急缺 大势所趋</span>
				</h2>
				<div class="uiH2"></div>
				<h2>
					<span>EMPLOYED PROSPECTS</span>
				</h2>
			</div>
			<div class="ui2box ui2box-list-26">
				<div class="ui2bt ui2bt-list-26">
					前端开发工程师薪酬统计
					<div class="ui2tiao"></div>
					<div class="ui2dian"></div>
				</div>
				<div class="ui2bfb"></div>
				<p>
					据职友集800多份数据统计,前端工程师起薪薪资会
					<br /> 明显高于其他后台的工程师薪资
				</p>
				<a href="" class="btn1">了解更多></a>
			</div>
		</div>
		<div class="ui ui3 ui3-list-26">
			<div class="ui1H ">
				<h2>
					优秀学员
					<span>就业信息</span>
				</h2>
				<div class="uiH2"></div>
				<h2>
					<span>EMPLOYED STUDENTS</span>
				</h2>
			</div>
			<div class="ui1con">
				<div class="stu_lists">
					<div class="title_name">
						<p>姓名</p>
						<p>薪资</p>
						<p>其他待遇</p>
					</div>
					<div class="big-box">
						<ul>
							<li>
								<p>李同学</p>
								<p class="ld-moneycolor">RMB:13000</p>
								<p class="stu_welfare">五险一金＋提成＋13薪＋其他福利</p>
							</li>
							<li>
								<p>锅同学</p>
								<p class="ld-moneycolor">RMB:13000</p>
								<p class="stu_welfare">五险一金＋提成＋13薪＋其他福利</p>
							</li>
							<li>
								<p>王同学</p>
								<p class="ld-moneycolor">RMB:13000</p>
								<p class="stu_welfare">五险一金＋提成＋13薪＋其他福利</p>
							</li>
							<li>
								<p>李同学</p>
								<p class="ld-moneycolor">RMB:13000</p>
								<p class="stu_welfare">五险一金＋提成＋13薪＋其他福利</p>
							</li>
							<li>
								<p>李同学</p>
								<p class="ld-moneycolor">RMB:13000</p>
								<p class="stu_welfare">五险一金＋提成＋13薪＋其他福利</p>
							</li>
						</ul>
					</div>
					<a href="" class="btn1">了解更多></a>
				</div>
			</div>
		</div>
		<div class="ui ui4">
			<div class="ui1H ">
				<h2>
					<span>课程规划</span>
					迭代更新
				</h2>
				<div class="uiH2"></div>
				<h2>
					<span>CURRICULUM PLANNING</span>
				</h2>
			</div>
			<div class="webline"></div>
			<div class="ui1con ui4con">
				<div class="web4b">
					<p>零基础</p>
				</div>
				<div class="web4dian web4dian1"></div>
				<div class="web4dian web4dian2"></div>
				<div class="web4dian web4dian3"></div>
				<div class="web4dian web4dian4"></div>
				<div class="web4dian web4dian5"></div>
				<div class="web4dian web4dian6"></div>
				<div class="web4dian web4dian7"></div>
				<div class="web4dian web4dian8"></div>
				<ul class="web4ul1">
					<li class="ui41">
						<div>01.美术/手绘基础</div>
						<p>掌握图像和界面设计的基本法则，结合PS，ILLUSTATOR进行各种商业网站UI界面的设计实践</p>
					</li>
					<li class="ui43">
						<div>03.WEB前端开发</div>
						<p>掌握PC端、移动端、响应式页面重构所需技能及规范，进行商城页面响应式网站开发实战，使用JAVASCRIPT实现PC、移动端交互效果</p>
					</li>
					<li class="ui45">
						<div>05.WEB框架开发</div>
						<p>开发响应式框架、ANGULARJS实战项目、REACT开发组件基于微信平台开 发、开发混合APP</p>
					</li>
				</ul>
				<ul class="web4ul2">
					<li class="ui42">
						<div>02.软件/界面设计</div>
						<p>掌握各种平台的界面设计规范，进行PC端、PAD端、移动端响应式界面设计实战</p>
					</li>
					<li class="ui44">
						<div>04.WEB全端开发</div>
						<p>从PC端到移动端页面重构技巧、开发移动端事件库开发JQUERY插件、游戏开发。</p>
					</li>
					<li class="ui46">
						<div>06.项目评审就业服务</div>
						<p>通过综合项目评审，掌握面试技巧训练有素的作品专业表达，拥有充分的专业自信与就业服务部沟通进行就业城市选定，就业常见问题的解决，开启就业服务阶段</p>
					</li>
				</ul>
				<div class="web4b web4qian">
					<p>前端工程师</p>
				</div>
			</div>
		</div>
		<div class="ui ui5 ui5-list-26">
			<div class="ui1H">
				<h2>
					<span>就业方向</span>
					任你来选
				</h2>
				<div class="uiH2"></div>
				<h2>
					<span>employment direction</span>
				</h2>
			</div>
			<div class="ui1con ui5con">
				<div class="web5top">
					<div class="zhiw zhiw1">移动前端开发工程师</div>
					<div class="zhiw zhiw2">前端工程师</div>
					<div class="zhiw zhiw3">微信二次开发工程师 </div>
					<div class="zhiw zhiw4">HTML5开发工程师</div>
				</div>
				<div class="web5zhuan">
					<div class="web5zl"></div>
				</div>
				<div class="xiaoren">
					<img src="img/xiaoren.png" />
				</div>
				<div class="web5line"></div>
				<div class="web5foot">
					<div class="web5btit">
						<div class="web5tli">您的顾虑 我们来解决</div>
					</div>
					<ul>
						<li>
							<a href="">零基础学习,WEB前端能学好吗？</a>
						</li>
						<li>
							<a href="">非相关专业,也适合学习WEB前端吗？</a>
						</li>
						<li>
							<a href="">如何选择,一家靠谱的WEB前端培训机构？</a>
						</li>
						<li>
							<a href="">需要多少钱,学习WEB前端开发</a>
						</li>
						<li>
							<a href="">前景如何,能去哪些企业？</a>
						</li>
					</ul>
				</div>
				<div class="web">
					<div class="floor2">
						<a href="">
							<img src="img/about_004.png" />
						</a>

					</div>
				</div>
			</div>
		</div>
		<div class="ui ui6">
			<div class="ui1H">
				<h2>
					手机专享
					<span>“零元试学”</span>
					
				</h2>
				<div class="uiH2"></div>
				<h2>
					<span>Free trial</span>
				</h2>
			</div>
			<div class="ui1con ui6con">
				<p>与名师面对面交谈,名额有限，手快者得！</p>
			</div>
			<div class="box">
				<form action="" class="sub">
					<div class="biankuang row">
						<label for="user" style="font-size:0.465rem">用户名：</label>
						<input type="text" id="user" placeholder="昵称" class="inputkuang">
					</div>
					<div class="biankuang">
						<label for="telphone" style="font-size:0.465rem">电&nbsp;&nbsp;话：</label>
						<input type="phone" id="telphone" placeholder="请输入11位电话号码" class="inputkuang">
					</div>
					<div class="biankuang">
						<label for="telphone1" style="font-size:0.465rem">Q&nbsp;&nbsp;&nbsp;Q：&nbsp;</label>
						<input type="text" id="telphone1" placeholder="QQ" class="inputkuang">
					</div>
					<div class="biankuang">
						<label for="xuanze" style="font-size:0.465rem">课&nbsp;&nbsp;程：</label>
						<select name="" id="xuanze" class="inputkuang">
							<option value="0">UI课程</option>
							<option value="1">前端课程</option>
							<option value="2" selected>全端课程</option>
							<option value="3">PHP课程</option>
						</select>
					</div>
					<div class="submit">
						<input type="submit" />
					</div>
				</form>
			</div>
			<div class="tea-copyright">
				<p>Copyright © 2013-2017 版权所有 优逸客科技有限公司</p>
				<p>联系电话：400-969-7660 晋ICP备13006051号</p>
			</div>
			<div class="footer">
				<div class="contact-list">
					<a href="">
						<div>
							<i class="iconfont icon-3"></i>
							<span>免费试听</span>
						</div>
					</a>
					<a href="" class="phone">
						<div class="part2">
							<i class="iconfont icon-dianhua"></i>
							<span>免费拨打</span>
						</div>
					</a>
					<a href="">
						<div>
							<i class="iconfont icon-duanxin"></i>
							<span>在线沟通</span>
						</div>
					</a>
				</div>
			</div>
			<div class="zhan"></div>
	</body>

</html>